import React, { Component } from 'react';
import InputList from './components/InputList'
import TodoBoard from './components/TodoBoard'

class App extends Component {
  //定义父组件的初始化状态
  constructor(props) {
    super(props)
    //定义todo的状态
    this.state = {
      todo:{}
    }
  }

  //子传父 第一步在 父组件中定义回调函数
  //      第二步 这个函数一定要写成箭头函数 将这个函数已父传子的形式传递给子组件
  addTodo = (todo) => {
    console.log(todo);
      //setState
      this.setState({
        todo:todo
      })
  }

  //渲染函数
  render() {
    return (
      <div className="App">
        {/* 子组件   InputList*/}
        <InputList addTodo={this.addTodo} />
        <TodoBoard todo={this.state.todo}/>
      </div>
    )
  }
}
export default App;